<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7 lt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8 lt8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="UTF-8" />
        <title> 商家注册登录通道 </title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Login and Registration Form with HTML5 and CSS3" />
        <meta name="keywords" content="html5, css3, form, switch, animation, :target, pseudo-class" />
        <meta name="author" content="Codrops" />
        <link rel="stylesheet" href="/css/login/demo.css" />
        <link rel="stylesheet" href="/css/login/style.css" />
		<link rel="stylesheet" href="/css/login/animate-custom.css" />
    </head>
    <body>
        <div class="container">
            <header>
                <h1> 畅悦 <span> 商家通道 </span></h1>
            </header>
            <section>				
                <div id="container_demo" >
                    <a class="hiddenanchor" id="toregister"></a>
                    <a class="hiddenanchor" id="tologin"></a>
                    <div id="wrapper">
                        <div id="login" class="animate form">
                            <form autocomplete="on" action="/merchant/dologin">
                                <h1> 登 录 </h1> 
                                <p> 
                                    <label for="username" class="uname" data-icon="u" > 用户名 </label>
                                    <input id="username" name="account" required="required" type="text" placeholder="myusername or mymail@mail.com"/>
                                </p>
                                <p> 
                                    <label for="password" class="youpasswd" data-icon="p"> 密码 </label>
                                    <input id="password" name="password" required="required" type="password" placeholder="eg. X8df!90EO" />
                                </p>
                                <p class="keeplogin"> 
									<input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" /> 
									<label for="loginkeeping"> 记住密码 </label>
								</p>
                                <p class="login button"> 
                                    <input type="submit" value="登  录" /> 
								</p>
                                <p class="change_link">
									还没有账号 ? → 
									<a href="#toregister" class="to_register"> 去注册 </a>
								</p>
                            </form>
                        </div>

                        <div id="register" class="animate form">
                            <form autocomplete="on" action="/merchant/doregist"  method="post" enctype="multipart/form-data">
                                <h1> 注 册 </h1>
                                <p> 
                                    <label for="usernamesignup" class="uname" data-icon="u"> 用户名 </label>
                                    <input id="usernamesignup" name="account" required="required" type="text" placeholder="mysuperusername690" />
                                </p>
                                <p> 
                                    <label for="phonesignup" class="phone" data-icon="p"> 手机号码 </label>
                                    <input id="phonesignup" name="phone" required="required" type="text" placeholder="mysuperusername690" />
                                </p>
                                <p>
                                    <label for="emailsignup" class="youmail" data-icon="e" > 邮 箱 </label>
                                    <input id="emailsignup" name="eamil" required="required" type="email" placeholder="mysupermail@mail.com"/>
                                </p>
                                <input id="createDatesignup"  type="text" style="display:none" />
                                <input id="statussignup" name="status" type="text" style="display:none" />
                                <p> 
                                    <label for="passwordsignup" class="youpasswd" data-icon="p"> 密码 </label>
                                    <input id="passwordsignup" name="password" required="required" type="password" placeholder="eg. X8df!90EO"/>
                                </p>
                                <!--<p>
                                    <label for="passwordsignup" name="imgUrl" class="youpasswd" data-icon="p" enctype="multipart/form-data"> 企业的证件照 </label>
                                    <input type="file" name="file" />
                                </p>-->
                                <p>
                                    <label for="passwordsignup_confirm" class="youpasswd" data-icon="p"> 确认密码 </label>
                                    <input id="passwordsignup_confirm" name="password2" required="required" type="password" placeholder="eg. X8df!90EO"/>
                                </p>
                                <p class="signin button"> 
									<input type="submit" value="注  册"/> 
								</p>
                                <p class="change_link">  
									已有账号 ? →
									<a href="#tologin" class="to_register"> 去登录 </a>
								</p>
                            </form>
                        </div>
                    </div>
                </div>  
            </section>
        </div>
    </body>
</html>